<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 身份证
        // 15位 不能以0开头
        // 18位 不能以0开头，最后一位可以是X或者数字
        function checkIDCard(){
            // var reg=/^[1-9]\d{14}$/;
            // var reg=/^[1-9]\d{16}[0-9X]$/;
            var reg=/^[1-9]\d{14}(\d{2}[0-9X])?$/;
            var txt=document.getElementById("txt").value;
            if(reg.test(txt)){
                console.log("ok");
            }else{
                console.log("不符合规范");
            }

        }

        // 判断邮箱
        // 212332@qq.com   212332@qq.com.cn
        // 32323@163.com   212332@qq.com.com
        // aaas@12_3.com  212332@qq.cn.cn
        // alice_123@sina.com    212332@qq.cn.com

        function checkEmail(){

            //\w表示数字、字母、下划线
            var reg=/^\w+@\w+(\.[a-z]{2,3}){1,2}$/;
            var txt=document.getElementById("txt").value;
            if(reg.test(txt)){
                console.log("ok");
            }else{
                console.log("不符合规范");
            }
        }


        //判断电话号码
        // 有可能有区号，也有可能没有区号
        //区号可能是3位或者4位，区号是以0开头，电话号码没有以0开头
        // 电话号码可能是7位或者8位
        // (025)87675678 (025)8767567 (0515)87675678   (0515)8767567
        // 025-87675678    025-8767567  0515-87675671    0515-8767567

        function checkTel(){
            // var reg=/^0\d{2,3}-[1-9]\d{6,7}$/;
            var reg=/^((\(0\d{2,3}\))|(0\d{2,3}-))?[1-9]\d{6,7}$/;
           
            var txt=document.getElementById("txt").value;
            if(reg.test(txt)){
                console.log("ok");
            }else{
                console.log("不符合规范");
            }
        }


    </script>
</head>
<body>
    <input type="text" id="txt" size="50">
    <input type="button" value="验证身份证" onclick="checkIDCard()">
    <input type="button" value="验证邮箱" onclick="checkEmail()">
    <input type="button" value="验证电话号码" onclick="checkTel()">
</body>
</html>